<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人信息 - 智慧排课系统</title>
    <!-- icon -->
    <link rel="shortcut icon" th:href="@{/static/picture/favicon.ico}" />
    <!-- BEGIN:CSS Assets-->
    <link rel="stylesheet" th:href="@{static/css/app.css}" />
    <!-- END:CSS Assets-->
</head>
<body>

<div class="flex">
    <!-- 根据用户类型返回操作侧边栏 -->
    <div th:replace="~{commons/menu::${session.userType}(active='profile') }"></div>
    <div class="content">
        <div class="top-bar">
            <!-- BEGIN:Breadcrumb -->
            <div class="-intro-x breadcrumb mr-auto hidden sm:flex">
                <a href="" class="">应用</a>
                <i data-feather="chevron-right" class="breadcrumb__icon"></i>
                <a href="" class="breadcrumb--active">个人信息</a>
            </div>
            <!-- END:Breadcrumb --><!-- BEGIN:Search -->
            <div class="intro-x relative mr-3 sm:mr-6">
                <div class="search hidden sm:block">
                    <input type="text" class="search__input input placeholder-theme-13" placeholder="Search...">
                    <i data-feather="search" class="search__icon"></i>
                </div>
                <a class="notification sm:hidden" href="">
                    <i data-feather="search" class="notification__icon"></i>
                </a>
                <div class="search-result">
                    <div class="search-result__content">
                        <div class="search-result__content__title">
                            页面
                        </div>
                        <div class="mb-5">
                            <a href="" class="flex items-center">
                                <div class="w-8 h-8 bg-theme-18 text-theme-9 flex items-center justify-center rounded-full">
                                    <i class="w-4 h-4" data-feather="inbox"></i>
                                </div>
                                <div class="ml-3">
                                    系统信息
                                </div>
                            </a>
                        </div>
                        <div class="search-result__content__title">
                            用户
                        </div>
                        <div class="mb-5">
                            <a href="" class="flex items-center mt-2">
                                <div class="w-8 h-8 image-fit">
                                    <img alt="Midone Tailwind HTML Admin Template" class="rounded-full" src="static/picture/profile-14.jpg">
                                </div>
                                <div class="ml-3">
                                    吴泽胜
                                </div>
                                <div class="ml-auto w-48 truncate text-gray-600 text-xs text-right">
                                    angelinajolie@left4code.com
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END:Notifications --><!-- BEGIN:Account Menu -->
            <div class="intro-x relative mr-3 sm:mr-6" th:text=" '欢迎回来！' + ${session.NickName}"></div>
            <div th:replace="~{commons/info::${session.userType}}"></div>
            <!-- END:Account Menu -->
        </div>
        <!-- END:Top Bar -->
        <!-- 个人信息 -->
        <div class="intro-y flex items-center mt-8">
            <h2 class="text-lg font-medium mr-auto">个人信息</h2>
        </div>
        <div th:replace="~{commons/profiles::${session.userType} }"></div>
        <!-- END:Profile Info -->
    </div>

</div>
<!-- BEGIN:JS Assets-->
<script th:src="@{static/js/js.js}"></script>
<script th:src="@{static/js/app.js}"></script>
<script th:src="@{static/js/bootstrap.min.js}"></script>
<!-- END:JS Assets-->
</body>
</html>
